<template>
	<view class="user-space-userinfo">
		<view class="user-space-userinfo-item">
			<view class="item-data-title">账号信息</view>
			<view>糗龄：{{getRegAge}}</view>
			<view>糗百ID：{{userinfo.id}}</view>
		</view>
		<view class="user-space-userinfo-item">
			<view class="item-data-title">个人信息</view>
			<view>星座：{{getXingzuo}}</view>
			<view>职业：{{userinfo.job}}</view>
			<view>故乡：{{userinfo.path}}</view>
			<view>情感：{{userinfo.qg}}</view>
		</view>
	</view>
</template>

<script>
	import time from '../../common/time.js'
	export default {
		props: {
			userinfo: {
				type: Object
			}
		},
		data() {
			return {
			}
		},
		computed: {
			getRegAge() {
				return time.gettime.sumAge(this.userinfo.regtime)
			},
			getXingzuo() {
				return time.gettime.getHoroscope(this.userinfo.birthday)
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.user-space-data {
	background-color: #FFFFFF;
	position: relative;
	z-index: 10;
	border-top-left-radius: 20rpx;
	border-top-right-radius: 20rpx;
	margin-top: -20rpx;
}
.user-space-userinfo {
	padding: 0 30rpx;
	.user-space-userinfo-item {
		padding: 20rpx 0;
		border-bottom: 1rpx solid #EEEEEE;
		color: #AAAAAA;
		.item-data-title {
			color: #333333;
			font-size: 35rpx;
			padding: 15rpx 0;
		}
	}
}
</style>
